<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- SEO优化 -->
	<title>品优购-正品低价、品质保障、配送及时、轻松购物！</title>
	<meta name="description"
		content="品优购-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
	<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡" />
	<!-- ico图标 -->
	<link rel="shortcut icon" href="images/bitbug_favicon.ico" />
	<link rel="stylesheet" href="CSS/base.css">
	<link rel="stylesheet" href="CSS/common.css">
	<link rel="stylesheet" href="CSS/index.css">
	<link rel="stylesheet" type="text/css" href="CSS/shoppingCar.css" />

</head>

<body>
	<!-- shortcut -->
	<div class="shortcut">
		<div class="w">
			<div class="fl">
				<ul>
					<li>
						<a href="login.html">请登录</a>
						<a href="#" class="style_red">免费注册</a>
					</li> 
				</ul>
			</div>
			<div class="fr">
				<ul>
					<li><a href="#">我的订单</a></li>
					<li><a href="#" class="inco">我的品优购</a></li>
					<li><a href="#">品优购会员</a></li>
					<li><a href="#">企业采购</a></li>
					<li><a href="#" class="inco">关注品优购</a></li>
					<li><a href="#" class="inco">客户服务</a></li>
					<li><a href="#" class="last inco">网站导航</a></li>
				</ul>
			</div>
		</div>
	</div>

	<!-- header -->
	<div class="header">
		<div class="w clearfix">
			<!-- logo制作 SEO优化-->
			<div class="logo">
				<h1>
					<a href="index.html" title="品优购商城">品优购商城</a>
				</h1>
			</div>
		</div>
	</div>
	<!-- 购物车主体 -->
	<div class="content">
		<div class="w">
			<!-- <div class="content_c">
			<div class="content_top">
				<div class="content_top_left">
					<b>全部商品</b>
					<span>5</span>
				</div>
				<div class="content_top_right">
					<div>
						<b>配送至</b>
					</div>
					<div>
						<span>请选择地址</span>
						<svg class="icon arrorw" aria-hidden="true">
							<use xlink:href="#icon-dingbu"></use>
						</svg>
					</div>
				</div>
			</div> -->
			<!-- 购物车头部 -->
			<div class="car_head">
				<div class="car_head_check">
					<input type="checkbox" class="checkAll">
					<span>全选</span>
				</div>
				<div class="car_head_goods">商品</div>
				<div class="car_head_price">单价</div>
				<div class="car_head_num">数量</div>
				<div class="car_head_sum">小计</div>
				<div class="car_head_operate">操作</div>
			</div>
			<div class="cartcontent">
				<div class="car_body_list">
					<div class="car_body">
						<div class="car_body_row1">
							<!-- <div>

							</div>
							<div>
								<!-- <a href="javaScript:;">京东自营店</a> -->
							<!-- <b><a></a></b>
							</div>
							<div>
								<b></b>-->
						</div>
					</div>
					<!-- <div class="car_body_row2">
							<div>
								<span class="mj">满减</span>
								<span>已满5件，已减0.00元</span>
								<a href="list.html">去凑单></a>
							</div>
							<div>
								<p>¥<span>50</span></p>
								<p class="jian">减：-¥<span>0.00</span></p>
							</div>
						</div> -->
					<div class="car_body_row3">
						<div class="car_body_checkbox" data-id="${item.goods_id}">
							<!-- <input type="checkbox" class="checkOne" checked> -->
						<!-- </div> -->
						<!-- <div class="car_body_img">
								<img src="images/logo.png" alt="">
							</div> -->
						<!-- <div class="car_body_goods"> -->
							<!-- <b></b> -->
							<!-- <p><a>商品名称</a></p> -->
						<!-- </div> -->
						<!-- <div class="car_body_style"></div>
						<div class="car_body_price">¥50</div>
						<div class="car_body_num" data-stock="${item.goods_number}" data-id="${item.goods_id}"> -->
							<!-- <input type="button" value="-" class="reduce">
							<input type="number" value="5" class="goodsNumber">
							<input type="button" value="+" class="add">
							<p>有货</p> -->
						<!-- </div> -->
						<!-- <div class="car_body_sum">¥500 -->
						</div>
						<div class="car_body_operate">
							<p>
								<a href="javaScript:;" class="del" name="del${i}" goodId="${item.goods_id}">删除</a>
								<a href=""></a>
							</p>
						</div>
					</div>
				</div>
			</div>
			<div class="car_foot">
				<div class="car_foot_left">
					<input type="checkbox" class="checkAll">全选
					<a class="removeSelect">删除选中的商品</a>
					<a class="clearBoth">清空购物车</a>
				</div>
				<div class="car_foot_right">
					<div>
						<p>已选择<span class="numSum">5</span>件商品</p>
						<p class="promotion">促销：¥<span>0.00</span></p>
					</div>
					<div>总价：<b class="priceSum">¥<span>50</span></b></div>
					<div><a href="javaScript:;">去结算</a></div>
				</div>
			</div>
		</div>
	
	</div>
	</div>
	</div>
	<!-- footer -->
	<div class="footer">
		<div class="w">
			<div class="guarantee">
				<ul>
					<li>
						<span class="span1"></span>
						<h3>正品保障</h3>
						<p>正品保障，提供发票</p>
					</li>
					<li>
						<span class="span2"></span>
						<h3>正品保障</h3>
						<p>正品保障，提供发票</p>
					</li>
					<li>
						<span class="span3"></span>
						<h3>正品保障</h3>
						<p>正品保障，提供发票</p>
					</li>
					<li>
						<span class="span4"></span>
						<h3>正品保障</h3>
						<p>正品保障，提供发票</p>
					</li>
					<li>
						<span class="span5"></span>
						<h3>正品保障</h3>
						<p>正品保障，提供发票</p>
					</li>
				</ul>
			</div>

			<div class="about">
				<dl>
					<dt>购物指南</dt>
					<dd>购物流程</dd>
					<dd>会员介绍</dd>
					<dd>生活旅行/团购</dd>
					<dd>常见问题</dd>
					<dd>大家电</dd>
					<dd>联系客服</dd>
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd>购物流程</dd>
					<dd>会员介绍</dd>
					<dd>生活旅行/团购</dd>
					<dd>常见问题</dd>
					<dd>大家电</dd>
					<dd>联系客服</dd>
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd>购物流程</dd>
					<dd>会员介绍</dd>
					<dd>生活旅行/团购</dd>
					<dd>常见问题</dd>
					<dd>大家电</dd>
					<dd>联系客服</dd>
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd>购物流程</dd>
					<dd>会员介绍</dd>
					<dd>生活旅行/团购</dd>
					<dd>常见问题</dd>
					<dd>大家电</dd>
					<dd>联系客服</dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<img src="images/wx_cz.jpg" alt="">
					<dd>品优购客户端</dd>
				</dl>
			</div>

			<div class="copyright ">
				<ul class="clearfix">
					<li><a href="#">关于我们</a></li>
					<li><a href="#">联系我们</a></li>
					<li><a href="#">联系客服</a></li>
					<li><a href="#">商家入驻</a></li>
					<li><a href="#">营销中心</a></li>
					<li><a href="#">手机品优购</a></li>
					<li><a href="#">友情链接</a></li>
					<li><a href="#">销售联盟</a></li>
					<li><a href="#">品优购社区</a></li>
					<li><a href="#">品优购公益</a></li>
					<li><a href="#">English Site</a></li>
					<li><a href="#">Contact U</a></li>
				</ul>
				<p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</p>
				<p>京ICP备08001421号京公网安备110108007702</p>
			</div>
		</div>
	</div>
</body>
<script src="./js/jquery-3.6.0.js"></script>
<script src="js/animate.js"></script>
<script src="js/layer/dist/layer.js"></script>
<!-- <script src="./js/general.js"></script> -->
<script src="./js/utils.js"></script>
<script src="./js/cart.js"></script>

</html>